<div class="sidebar">

	<ul>
		
		<? foreach($sidebar['areas'] as $key_area => $value_area): ?>
		
			<!-- Nombre del area -->
		
			<li>
			
				<!-- Carpeta abierta o cerrada -->
			
				<a data-role="folder" data-area="<?=$key_area?>" data-status="open" class="active">
			
					<?=ucfirst($key_area)?>
					
					<span class="quant" style="display: none;">
					
						<!-- Cantidad de casos -->
					
						<?=$value_area['casos']?>
						
						<!-- Cantidad de casos con mensajes nuevos -->
					
						<? if($value_area['nuevos']): ?>
						
							(<?=($value_area['nuevos'])? $value_area['nuevos'] : '0'?>)
							
						<? endif; ?>
					
					</span>
					
				</a>
				
				<ul>
				
					<? foreach($sidebar[$key_area] as $key_sub => $value_sub): ?>
					
						<!-- Titulo del divisor -->
					
						<li><span><?=ucfirst($key_sub)?></span>
						
							<ul>
							
								<? foreach($value_sub as $key_estado => $value_estado): ?>
							
									<li>
									
										<!-- Link a la seccion -->
									
										<a href="/ss/clientes/listar/<?=$key_sub?>:<?=$key_estado?>/">
										
										<!-- Nombre de la seccion -->
										
										<span><?=ucfirst(current($value_estado))?></span>
										
										<!-- Cantidad de casos en la seccion -->
										
										<span class="quant"><?=$value_estado['cantidad']?></span></a>
										
									</li>
								
								<? endforeach; ?>							
							
							</ul>
						
						</li>
					
					<? endforeach; ?>
					
				</ul>
				
			</li>
		
		<? endforeach; ?>
	
	</ul>

</div>
